<script lang="ts" setup>
import {n2r, navs} from "@/utils/routes";
import {useWebsiteInfoStore} from "@/stores/websiteInfoStore";

const websiteInfoStore = useWebsiteInfoStore();
</script>

<template>
  <div class="top">
    <div class="topb web">
      <div class="logo fl">
        <!-- 网站logo图片地址请在本组件"内容配置-网站logo"处填写 -->
        <NuxtLink :title="websiteInfoStore.title" :to="{name:n2r('首页')}" @click="setLocationByName('首页')">
          <img
              :alt="websiteInfoStore.title"
              :src="websiteInfoStore.logPic?websiteInfoStore.logPic:''"
              :title="websiteInfoStore.title"
              border="0"
              height="70"
              width="370"
          />
        </NuxtLink>
      </div>
      <div class="topr fr"></div>
    </div>
  </div>
  <div class="del_float"></div>
  <div class="nav fr">
    <ul>
      <li>
        <NuxtLink to="/" @click="setLocationByName('首页')">
          首页
        </NuxtLink>
      </li>
      <li v-for="(navInfo, index) in navs.slice(1)" :key="index">
        <NuxtLink :to="{name:n2r(navInfo.name)}" @click="setLocationByName(navInfo.name)">
          {{ navInfo.displayName }}
        </NuxtLink>
      </li>
    </ul>
  </div>
  <div class="del_float"></div>
</template>

<style scoped>
/* Add any necessary styles here */
</style>
